<template>
  <div>
    <el-upload
      action="https://jsonplacehoder.typeicon.com/posts/"
      :show-file-list="false"
      :before-upload="before_avatar_success"
      :on-success="handle_avatar_success"
    ></el-upload>
    <img v-if="show_pic" :src="show_pic" />
  </div>
</template>
<script>
export default {
  data() {
    
  },
  methods:{
  // 1.处理文件上传之前 before_avatar_success
    before_avatar_success(file){
    //如果上传的文件不符合条件
    var check_message = this.file_info_check();
    if(check_message == ""){
        this.$message(check_message);
        this.show_pic = "";
        return ;
    }
    this.upload_file(file);
},
// 2.处理文件上传成功之后 handle_avatar_success
handle_avatar_success(){
    //如果文件上传成功,更改show_pic的地址
    if(this.isupload_pic_success){
        this.show_pic = URL.createObjectURL(file.row)
    }
}
  }
// 3.前端校验文件是否符合条件
// 4.根据后台处理upload_file后提示用户
}
</script>